<ul class="eui-table-view news-list">
    {% for item in news.data %}
    <li class="eui-table-view-cell">
        {% if loop.index === 1 %}
        <a href="/news/newsDetail" class="eui--display-b eui--position-rel eui--warning-color eui--clearfix eui--font-26">                    
        {% elif loop.index === 2 %}
        <a href="/news/newsDetail" class="eui--display-b eui--position-rel eui--success-color eui--clearfix eui--font-26">
        {% elif loop.index === 3 %}
        <a href="/news/newsDetail" class="eui--display-b eui--position-rel eui--danger-color eui--clearfix eui--font-26">                    
        {% else %}                
        <a href="/news/newsDetail" class="eui--display-b eui--position-rel eui--black-color eui--clearfix eui--font-26">
        {% endif %}
            <div class="eui-media-header eui--pull-left eui--position-rel">
                <span class="eui-icon eui-icon-play-btn"></span>
                <img class="eui-media-img" src="{{site.cdn}}/test-news-type.jpg">                        
            </div>
            <div class="eui-media-body">
                <p class="eui--ellipsis">{{item.title}}}</p>
            </div>
            <div class="eui-media-footer">
                <span class="eui-icon eui-icon-top"></span>                        
                <!--<span class="eui-icon eui-icon-hot"></span>                        
                <span class="eui-icon eui-icon-elite"></span>                                                -->
                <span class="news-time eui--pull-right">{{item.update_time}}</span>
            </div>
        </a>
    </li>
    {% endfor %}
</ul>